<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/js/reply.js"></script>
    <style>
        .div1{
            display: flex;
        }
        .userDiv{
            margin-left: 200px;
            width: 600px;
            height: 500px;
            border: 1px solid black;
        }
        .userReply{
            display: flex;
            width: 600px;
        }
        .postDiv{
            width: 600px;
            height: 500px;
            border: 1px solid black;
        }
        .replyDiv{
            border: 1px solid black;
        }
        .replyDiv>.in{
            width: 300px;
            height: 200px;
        }
        .postContent{
            width: 600px;
            height: 300px;
            margin-top: 180px;
            border-bottom: 1px solid black;
            border-top: 1px solid black;
        }
    </style>
</head>
<body>
<div class="div1">
    <div class="userDiv">
        <img src="" id="userImg" width="200" height="200"><br>
        楼主：<span id="nameSpan"></span><br>
        发帖日期：<span id="dateSpan"></span><br>
        评论：<span id="replyNumSpan"></span><br>
        <div class="userReply">
            <table>
                <tbody id="data"></tbody>
            </table>
        </div>

    </div>
    <div class="postDiv">
        主题：<span id="postName"></span>
          @<span id="postDate"></span><br>
        <div class="postContent"><span id="postContent"></span><br> </div>

    </div>
</div>
<div class="replyDiv">
    请输入回帖<input type="text" id="content" class="in"><br>
    <input type="button" value="评论" onclick="add()" >
</div>
</body>
</html>